<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8"/>
		<title>首页第二版</title>
		<!-- <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" href="stylesheets/myMain.css">
		<link rel="stylesheet" href="stylesheets/rightCorner.css">
		<link rel="stylesheet" href="plugins/stylesheets/gooey.min.css">
		<link rel="stylesheet" href="plugins/stylesheets/livedemo.css">
		<link rel="stylesheet" type="text/css" href="plugins/stylesheets/reset.css">
	    <link rel="stylesheet" type="text/css" href="plugins/stylesheets/typography.css">
	    <link rel="stylesheet" type="text/css" href="plugins/stylesheets/styles.css">
	    <link rel="stylesheet" type="text/css" href="plugins/stylesheets/github.css">
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="javascripts/rightCorner.js"></script>
		<script type="text/javascript" src="javascripts/leftCorner.js"></script>
		<script src="plugins/javascripts/vendor/gooey.min.js"></script>
		<script type="text/javascript" src="plugins/javascripts/vendor/waypoints.min.js"></script>
		<script type="text/javascript" src="plugins/javascripts/vendor/waypoints-sticky.min.js"></script>
		<script type="text/javascript" src="plugins/javascripts/vendor/jquery.hideseek.min.js"></script>
		<script type="text/javascript" src="plugins/javascripts/vendor/rainbow-custom.min.js"></script>
		<script type="text/javascript" src="plugins/javascripts/vendor/jquery.anchor.js"></script>
		<script src="plugins/javascripts/initializers.js"></script> -->
		<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/stylesheets/myMain.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/stylesheets/rightCorner.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/plugins/stylesheets/gooey.min.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/plugins/stylesheets/livedemo.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/plugins/stylesheets/reset.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/plugins/stylesheets/typography.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/plugins/stylesheets/styles.css}" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/MapIndex/plugins/stylesheets/github.css}" />
<script th:src="@{/plugins/MapIndex/javascripts/rightCorner.js}"></script>
<script th:src="@{/plugins/MapIndex/javascripts/leftCorner.js}"></script>
<script th:src="@{/plugins/MapIndex/plugins/javascripts/vendor/gooey.min.js}"></script>
<script th:src="@{/plugins/MapIndex/plugins/javascripts/vendor/waypoints.min.js}"></script>
<script th:src="@{/plugins/MapIndex/plugins/javascripts/vendor/waypoints-sticky.min.js}"></script>
<script th:src="@{/plugins/MapIndex/plugins/javascripts/vendor/jquery.hideseek.min.js}"></script>
<script th:src="@{/plugins/MapIndex/plugins/javascripts/vendor/rainbow-custom.min.js}"></script>
<script th:src="@{/plugins/MapIndex/plugins/javascripts/vendor/jquery.anchor.js}"></script>
<script th:src="@{/plugins/MapIndex/plugins/javascripts/initializers.js}"></script>
	</head>
	<body style="background: #999999;">
		<div class="container_fluid" style="height:100%;width:100%">
			<!-- 右上角部分 -->
			<div class="" style="height:50%;width:100%;">
				<div class="col-xs-12 col-sm-12 col-md-12 pull-right" style="height:60%;width:30%;">
					<div id="redDiv">
						<!-- <button id="moveRightButton" type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true"></button> -->
						<div class="a-content" style="height:100%;width:100%;">
							<div class="carousel-content" style="height:100%;width:100%;">
								<ul class="carousel" style="height:100%;width:100%;margin: 0">
									<li><img src="/wcsi/plugins/MapIndex/images/pic1.png"/></li>
									<li><img src="/wcsi/plugins/MapIndex/images/pic2.png"/></li>
									<li><img src="/wcsi/plugins/MapIndex/images/pic3.png"/></li>
									<li><img src="/wcsi/plugins/MapIndex/images/pic4.png"/></li>
									<li><img src="/wcsi/plugins/MapIndex/images/pic5.png"/></li>
								</ul>
								<ul class="img-index"></ul>
								<div class="carousel-prev"><img src="/wcsi/plugins/MapIndex/images/left1.png"/></div>
								<div class="carousel-next"><img src="/wcsi/plugins/MapIndex/images/right1.png"/></div>
							</div>
						</div>
					</div>
					<div id="greenDiv">
						<button id="moveLeftButton" type="button" class="pull-right"></button>
					</div>
				</div>
			</div>
		</div>

	</body>
</html>